<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        .bg {
            width: 800px;
            height: 500px;
            background-color:pink;
            /* 背景图片 1.必须加url 2.url里面的地址不要加 引号 */
            background-image: url(../images/reba.jpg);
            color: violet;
            /* 默认的是平铺图 repeat */
            /* background-repeat: repeat; */
            /* 背景图片不平铺 */
            background-repeat: no-repeat;
            /* 背景图横性平铺 */
            /* background-repeat: repeat-x; */
            /* 背景图纵性平铺 */
            /* background-repeat: repeat-y; */
            /* background-position: x坐标 y坐标 */
            /* background-position: right top; */
            /* 靠左 水平居中 */
            /* background-position: left center; */
            /* 如果只指定一个值，另一个值默认居中对齐 */
            /* background-position: right; */
            /* 跟精确坐标 x值  y值 */
            background-position: 80px 120px;
        }
    </style>
</head>

<body>
    <div class="bg">
        迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——
        迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——
        迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴——迪丽热巴
</body>

</html>